$border-radius: 4px;

.web-tool-item {
  display: block;
  border-radius: $border-radius;
  color: #fff;
  height: 5rem;
  line-height: 5rem;
  padding: 0 1.25rem;
}
.web-tool-dtc {
  background-color: #f0ad4e;
}
.web-tool-opo {
  background-color: #0275d8;
}
.web-tool-cp {
  background-color: #a614d6;
}
@media (max-width: 767px) {
  .web-tool-item {
    border-radius: 0;
    height: 3rem;
    line-height: 3rem;
  }
  .web-tool-dtc {
    border-top-left-radius: $border-radius;
    border-top-right-radius: $border-radius;
  }
  .web-tool-cp {
    border-bottom-left-radius: $border-radius;
    border-bottom-right-radius: $border-radius;
  }
}
